﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


    <script src="~/js/jquery-1.11.1.js"></script>
    <link href="~/css/table.css" rel="stylesheet" />
    <link href="~/css/cwcalendar.css" rel="stylesheet" />
    <script src="~/javascript/comm/comm.js"></script>
    <script src="~/javascript/comm/list.js"></script>
    <script src="~/javascript/calendar-ch.js"></script>
    <script src="~/javascript/jquery-1.7.2.js"></script>
    <script src="~/javascript/locate.js"></script>
    <script src="~/javascript/select.js"></script>
    <script src="~/javascript/comm/time.js"></script>
    <script src="~/js/vue.js"></script>
    <script type="text/javascript">
        function search() {
            var major_kind_id = $("#major_kind_id").val();
            var major_id = $("#major_id").val();
            var primarKey = $("#primarKey").val();
            var startDate = $("#startDate").val();
            var endDate = $("#endDate").val();
            window.location.href = "/resume/valid_list?major_kind_id=" + major_kind_id + "&major_id=" + major_id + "&primarKey=" + primarKey + "&startDate=" + startDate + "&endDate=" + endDate;
        }
    </script>
</head>

<body>
    <div id="app">
        <form id="form1">
            <table width="100%">
                <tr>
                    <td>
                        <font color="black">您正在做的业务是：人力资源--招聘管理--简历查询--有效简历查询</font>
                    </td>
                </tr>
                <tr>
                    <td align="right">

                        <input type="button" value="开始" class="BUTTON_STYLE1" onclick=search();>
                    </td>
                </tr>
            </table>
            <table width="100%" border="1" cellpadding=0 cellspacing=1
                   bordercolorlight=#848284 bordercolordark=#eeeeee
                   class="TABLE_STYLE1">

                <tr>
                    <td class="TD_STYLE1" width="30%">
                        请选择职位分类
                    </td>
                    <td class="TD_STYLE2" width="30%">
                        <select name="major_kind_id" id="major_kind_id" multiple="multiple" style="width: 290;height: 100" class="SELECT_STYLE2">
                            <option v-on:click="Getmajor([item.major_kind_id])" v-for="(item,index) in majorKindlist" :value="item.major_kind_id">{{item.major_kind_name}}</option>
                        </select>
                        <select name="major_id" multiple="multiple" style="width:290;height: 100"
                                id="major_id" size="5"
                                class="SELECT_STYLE2">
                            <option v-for="(item,index) in majorlist" :value="item.major_id">{{item.major_name}}</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="TD_STYLE1" width="30%">
                        请输入关键字(可以通过<span style="color:forestgreen">登记人姓名</span>或<span style="color:forestgreen">复核人姓名</span>查询)
                    </td>
                    <td width="84%">
                        <input type="text" name="primarKey" id="primarKey"
                               class="INPUT_STYLE2" />
                    </td>
                </tr>

                <tr>
                    <td class="TD_STYLE1" width="30%">
                        请输入登记时间
                    </td>
                    <td width="84%" class="TD_STYLE2">
                        <input type="date" name="startDate" id="startDate"
                               style="width: 14%" class="INPUT_STYLE2">
                        至
                        <input type="date" name="endDate" id="endDate"
                               style="width: 14%" class="INPUT_STYLE2">
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>

</html>

<script type="text/javascript">
    var vm = new Vue({
        el: "#app",
        data: {
            dt: [],
            majorKindlist: [],
            majorlist: [],
            human_major_kind_id: "",
            human_major_kind_name: "",
            human_major_id: "",
            human_major_name: "",
        },
        methods: {
            load: function () {
                var t = this;
                $.ajax({
                    url: "/resume/GetAll",
                    type: "Post",
                    success: function (msg) {
                        var dts = eval("(" + msg + ")");
                        t.majorKindlist = dts["major_kind"];
                        t.majorlist = dts["major"];
                    }
                });
            },
            Getmajor: function (id) {
                var t = this;
                $.ajax({
                    url: "/resume/Getmajor",
                    type: "Post",
                    data: "id=" + id,
                    success: function (msg) {
                        var dts = eval(msg);
                        t.majorlist = dts;
                    }
                })
            },
        },
        mounted: function () {
            this.load();
        }
    })
</script>
